<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>电器城</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css"/>
		<script src="js/electricalheadlist.js" type="text/javascript"></script>
		<script src="js/jquery-1.11.0.js" type="text/javascript"></script>
		<script src="js/electricalheadjs.js" type="text/javascript"></script>
		<script src="js/index_javascript.js"></script>
		<link rel="stylesheet" type="text/css" href="css/top1.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/headernav.css"/>
		<link rel="stylesheet" type="text/css" href="css/bottom.css"/>
		<style type="text/css">
			* {
				padding: 0px;
				margin: 0px;
				font-size: 12px;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			/**/
			#index_mian{
				width: 1200px;
			}
			#index_nav_left li{
				width: 205px;
				padding-left: 5px;
			}
            #fl label{
            	float:right;
            	margin-right: 10px;
            }
           
            #index_nav_left_meizhuang{
            	background-color:#4593FD;
            	width: 205px;
            	float: left;
            }
            #index_nav_left_meizhuang dl {
            	margin-top: 13px;
            	position:relative;
            }
            #index_nav_left_meizhuang dl:hover {
            	background-color: white;
            }
            
            #index_nav_left_meizhuang dl:nth-child(1){
            	margin-top: 10px;
            }
            
             #index_nav_left_meizhuang dl:last-child{
             	background-color: #0F63D4;
             }
             #index_nav_left_meizhuang dl:last-child li{
             	background-color:#144FB5;
             	margin: 3px;
             }
            
            #index_nav_left_meizhuang dl dd{
            	line-height:30px;
            	font-weight: 700;
            	font-size: 13px;
            	padding-left:15px;
            	color: white;
            }
            #index_nav_left_meizhuang dl dt{
            	overflow: hidden;
            	padding-left:15px;
            }
            
            #index_nav_left_meizhuang dl dt li{
            	padding: 0px 5px;
            	float: left;
            	line-height: 23px;
            }
            #index_nav_left_meizhuang dl dt li a{
            	font-size: 12px;
            	color:#C1DFFF;
            }
           .right_block{
            	width:792px;
            	background-color: white;
            	position: absolute;
            	z-index:10;
            	left: 205px;
            	padding: 15px 0px 15px 50px;
            	display: none;
            	top: 0px;
            	left:203px;
            	
            }
             #index_nav_left_meizhuang .right_block section{
             	background-color: white;
             	clear: left;
             	float: left;
             	line-height:10px;
             }
            #index_nav_left_meizhuang .right_block section h5{
            	float: left;
            }
            #index_nav_left_meizhuang .right_block section article{
            	overflow: hidden;
            	float: left;
            	margin-left: 7px;
            	width: 620px;
            }
            
            #index_nav_left_meizhuang .right_block section article a{
            	font-size: 13px;
            	padding:0px 8px;
            	color: gray;
            	border-right: 1px solid gainsboro;
            }
            
            
            
            
            /*左边部分*/
            
            
            
            
            #first dd{
            	font-size:14px !important;
            	color:deeppink;
            	padding-left: 10px!important;
            }
             #first dt li{
             	width: 30px !important;
            	font-size:12px !important;
            }
            #first dt li a{
            	color:hotpink !important;
            }
            #index_nav_middle{
            	height: 351px;
            	width:1004px;
            	position:relative;
            	z-index: 9;
            }
		    #square{
			 width: 310px;
			 overflow: hidden;	
			 position:absolute;
			 bottom: 20px;
			 left: 70px;
			}
			#square span{
				display: block;
				line-height:22px;
				text-align: center;
				height: 18px;
				width:18px;
				border-radius:9px;
				margin: 0px 5px;
				float: left;
				background-color:white;
				font-size: 11px;
				color: white;
			}
			#middle_total{
				width: 753px;
				height: 611px;
				float: left;
				/*position: relative;
				z-index: 9;*/
			}
			
			#footerAdvantage{
				width:753px;
				height:390px;
				clear: left;
				position:relative;
			}
			
			#footerAdvantage nav{
				padding: 5px 25px;
			}
			
			#footerAdvantage article{
				width: 993px;
				position: relative;
				background-color: white;
				z-index: 6;
				overflow:hidden ;
				clear: left;
				float: left;
			}
			
			#footerAdvantage_article dl{
				float: left;
				margin:10px;
			}
			
			#footerAdvantage_article dl dt{
				float: left;
			}
			
			#footerAdvantage_article dl dd{
				float: left;
				width:170px;
				padding: 0px 10px;
			}
			.advantage_title{
				width: 166px;
				height: 33px;
				font-size: 13px;
				text-overflow:ellipsis;
				overflow: hidden;
				padding: 3px 0px;
			}
			.advantage_price{
				line-height:40px;
				text-align: center;
			}
			.advantage_price span{
				color: red;
				font-size: 20px;
				margin-right: 20px;
			}
			.advantage_price label{
				color: gray;
				font-size: 13px;
			}
			.advantage_storage{
				line-height: 20px;
				overflow: hidden;
			}
			
			.advantage_storage label{
				font-size: 14px;
				color: gray;
				float: left;
			}
			.advantage_storage div{
				width:82px;
				height:8px;
				background-color:#FFE5BF;
				float: left;
				margin-top:7px;
				margin-left: 10px;
			}
			.advantage_storage span{
				display: block;
				width:20px;
				height:8px;
				background-color:#FF7C00;
			}
			/*时钟*/
			#clock{
				top: 13px;
				left: 10px;
				width:287px;
				height:34px;
				z-index:3;
				position:relative;
				float: left;
			}
		    #clock span{
				display: block;
				position: absolute;
				z-index:2;
				height: 34px;
			}
			
			 #clock span i{
				display: block;
				background-color: #000000;
				width:23px;
				font-size:23px;
				line-height:34px;
				color:#FFCC00;
			}
			#time_0{
				left:0px ;
			}
			#time_1{
				left:30px;
			}
			#time_7{
				left: 60px;
			}
			#time_2{
				left:75px;
			}
			#time_3{
				left:105px;
			}
			#time_6{
				left: 135px;
			}
			#time_4{
				left:150px;
			}
			#time_5{
				left:180px;
			}
			
			#time_6 i,#time_7 i{
				background-color: white !important;
				color: black !important;
				font-weight: 700;
				width: 10px !important;
			}
			/**/
			#fl {
				display: block;
				width: 230px;
				height: 34px;
				line-height: 34px;
				font-weight: bold;
				background-color: #FF3C3C;
				font-size: 14px;
				color: #fff;
				font-family: "Microsoft YaHei";
				text-align: center;
			}
			/**/
			.brand {
				width: 1200px;
				margin: 0px auto;
				margin-top: 20px;
				overflow: hidden;
			}
			
			.brand .note {
				color: #4593FD;
				float: left;
				font-family: "Microsoft Yahei";
				font-size: 22px;
				font-weight: bold;
				width: 120px;
				margin-left: 20px;
			}
			
			.brand .classes {
				clear: both;
			}
			
			.brand .classes ul li {
				margin-top: 10px;
				float: left;
				width: 200px;
				height: 220px;
				border: 1px solid #E9E9E9;
				position: relative;
				overflow: hidden;
				box-sizing: border-box;
			}
			
			.brand .classes ul li a img {
				position: relative;
				top: 0px;
				transition: top 0.5s;
			}
			
			.brand .classes ul li:hover img,
			.brand .classes ul li:hover .txtBox {
				top: -220px;
			}
			
			.brand .classes ul li .txtBox {
				font-family: "microsoft yahei";
				width: 200px;
				height: 440px;
				position: absolute;
				left: 0;
				top: 0;
				color: #333;
				transition: top 0.5s;
			}
			
			.brand .classes ul li .txtBox .textdiv {
				position: absolute;
				top: 138px;
				width: 100%;
				height: 60px;
				background-color: #FFFFFF;
				opacity: 0.7;
			}
			
			.brand .classes ul li .txtBox .txt1 {
				position: absolute;
				top: 140px;
				width: 100%;
				text-align: center;
			}
			
			.brand .classes ul li .txtBox .txt2 {
				position: absolute;
				top: 300px;
				width: 100%;
				text-align: center;
				color: white;
			}
			/**/
			
			.floors {
				overflow: hidden;
			}
			
			.floors .floor {
				width: 1200px;
				margin: 0px auto;
				margin-bottom: 20px;
				margin-top: 15px;
				overflow: hidden;
			}
			
			.floors .floor .titles {
				height: 28px;
				line-height: 28px;
				padding-left: 10px;
				border-bottom: 2px solid #3476E2;
			}
			
			.floors .floor .titles .floor_num {
				float: left;
				margin-left: 10px;
				color: #1B5BC5;
				font-size: 18px;
				line-height: 20px;
				font-family: "Microsoft Yahei";
			}
			
			.floors .floor .titles h2 {
				float: left;
				padding: 0 0 8px 10px;
				height: 20px;
				color: #333;
				font-size: 18px;
				line-height: 20px;
				font-weight: normal;
				font-family: "Microsoft Yahei";
			}
			
			.floors .floor .titles .more {
				float: right;
				height: 14px;
				line-height: 14px;
				margin: 6px 0 0 10px;
				color: #333333;
				font-size: 12px;
			}
			
			.floors .floor .titles ul {
				float: right;
				height: 26px;
				line-height: 26px;
				overflow: hidden;
				text-align: right;
			}
			
			.floors .floor .titles ul li {
				float: left;
			}
			
			.floors .floor .titles ul li a {
				font-size: 12px;
				color: #333333;
				padding: 0 10px;
				border-right: 1px solid #C1C1C1;
				color: #999;
				display: inline;
				box-sizing: border-box;
			}
			
			.floors .floor .titles ul li a:hover {
				color: #6893FE;
			}
			/**/
			
			.floors .floor .floor_left {
				float: left;
				width: 200px;
				height: 419px;
				border: 1px solid #E4E4E4;
				box-sizing: border-box;
			}
			
			.floors .floor .floor_left ul {
				width: 188px;
				height: 149px;
				overflow: hidden;
				padding: 10px 0 0 12px;
			}
			
			.floors .floor .floor_left ul li {
				float: left;
				width: 84px;
				line-height: 24px;
				padding-left: 10px;
			}
			
			.floors .floor .floor_left ul li a {
				color: #0066CC;
				font-size: 12px;
			}
			
			.floors .floor .floor_left ul li a:hover {
				color: #62B8FE;
			}
			
			.floors .floor .floor_left .floor_left_ad {
				box-sizing: border-box;
				height: 240px;
				margin-top: 20px;
			}
			/**/
			
			.floors .floor .floor_center {
				float: left;
				overflow: hidden;
				width: 800px;
			}
			
			.floors .floor .floor_center .floor_top div {
				float: left;
				height: 160px;
			}
			
			.floors .floor .floor_center .floor_top img {
				transition: opacity 0.5s;
			}
			
			.floors .floor .floor_center .floor_top img:hover {
				opacity: 0.7;
			}
			
			.floors .floor .floor_center .floor_top .floor_top_ad1 {
				width: 350px;
			}
			
			.floors .floor .floor_center .floor_top .floor_top_ad2 {
				width: 220px;
			}
			
			.floors .floor .floor_center .floor_top .floor_top_ad3 {
				width: 220px;
			}
			
			.floors .floor .floor_center .floor_middle {
				float: left;
				height: 219px;
				width: 800px;
				border-bottom: 1px solid #E4E4E4;
			}
			
			.floors .floor .floor_center .floor_middle dl {
				float: left;
				margin-left: 17px;
				padding: 17px 18px 0px 0px;
				height: 219px;
				width: 143px;
				border-right: 1px solid #E4E4E4;
				font-size: 12px;
				box-sizing: border-box;
			}
			
			.floors .floor .floor_center .floor_middle dl .pic {
				position: relative;
				width: 115px;
				height: 115px;
				margin: 0 auto;
			}
			
			.floors .floor .floor_center .floor_middle dl img {
				transition: opacity 0.5s, transform 0.5s;
			}
			
			.floors .floor .floor_center .floor_middle dl img:hover {
				opacity: 0.8;
				transform: scale(1.1, 1.1);
			}
			
			.floors .floor .floor_center .floor_middle dl dt {
				line-height: 20px;
				margin: 5px 0 5px;
				height: 20px;
				overflow: hidden;
			}
			
			.floors .floor .floor_center .floor_middle dl a {
				color: #333333;
			}
			
			.floors .floor .floor_center .floor_middle dl a:hover {
				color: #4593FD;
			}
			
			.floors .floor .floor_center .floor_middle dl strong {
				display: block;
				margin-right: 10px;
				font-size: 16px;
				color: #c00;
			}
			
			.floors .floor .floor_center .floor_middle dl em {
				color: #999999;
				float: left;
			}
			
			.floors .floor .floor_center .floor_middle dl span {
				color: #999999;
				float: left;
			}
			/**/
			
			.floors .floor .floor_center .floor_bottom {
				float: left;
				height: 40px;
				width: 800px;
				background-color: #F6F6F6;
			}
			
			.floors .floor .floor_center .floor_bottom ul li {
				float: left;
				margin: 5px 25px;
				width: 80px;
				height: 32px;
			}
			
			.floors .floor .floor_center .floor_bottom ul li img {
				transition: opacity 0.5s, transform 0.5s;
			}
			
			.floors .floor .floor_center .floor_bottom ul li img:hover {
				opacity: 0.7;
				transform: scale(1.1, 1.1);
			}
			/**/
			
			.floors .floor .floor_right {
				float: right;
				width: 200px;
				height: 419px;
				overflow: hidden;
				border: 1px solid #E4E4E4;
				box-sizing: border-box;
			}
			
			.floors .floor .floor_right .floor_tab {
				height: 24px;
				width: 200px;
			}
			
			.floors .floor .floor_right .cur {
				font-size: 12px;
				background-color: #FFFFFF;
				font-weight: bold;
				list-style: none;
				float: left;
				width: 101px;
				height: 23px;
				line-height: 23px;
				text-align: center;
				cursor: pointer;
			}
			
			.floors .floor .floor_right .floor_con {
				padding-top: 8px;
			}
			
			.floors .floor .floor_right .floor_con dl {
				height: 60px;
				overflow: hidden;
				padding: 8px 7px;
			}
			
			.floors .floor .floor_right .floor_con dl dt {
				float: right;
				width: 100px;
				height: 40px;
				line-height: 20px;
				overflow: hidden;
				font-size: 12px;
			}
			
			.floors .floor .floor_right .floor_con dl dt a {
				color: #333333;
			}
			
			.floors .floor .floor_right .floor_con dl dt a:hover {
				color: #4593FD;
			}
			
			.floors .floor .floor_right .floor_con dl .pic {
				position: relative;
				float: left;
				width: 60px;
				height: 60px;
				padding-left: 17px;
			}
			
			.floors .floor .floor_right .floor_con dl .price {
				float: right;
				width: 100px;
				line-height: 20px;
			}
			
			.floors .floor .floor_right .floor_con dl .price strong {
				color: #CC0000;
				font-size: 14px;
			}
			/**/
			.bottomlist{
				width: 1200px;
				margin: 0px auto;
				font-size: 12px;
			}
			.bottomlist li{
				float: left;
				width: 150px;
				list-style:none;
				height: 190px;
				margin: 7px;
				overflow: hidden;
				margin-top: 35px;
				padding-bottom: 40px;
			}
			.bottomlist a{
				color: #333333;
			}
			.bottomlist li dl dt{
				
				overflow: hidden;
				height: 26px;
				line-height: 26px;
				margin-bottom: 10px;
				text-align: center;
				font-weight: bold;
			}
			.bottomlist li dl dt a{
				line-height: 26px;
				/*text-align: center;*/
				font-weight: bold;
			}
				
			.bottomlist li dl{
				text-align: center;
			}
			.bottomlist li dl .links{
				overflow: hidden;
				width: 120px;
				height: 24px;
				line-height: 24px;
				margin: 0 auto;
				margin-right: 5px;
			}
			.bottomlist li dl .pic a{
				display: inline-block;
				width: 45px;
				height: 45px;
			}
			.bottomlist li dl .links span {
			    overflow: hidden;
			    float: left;
			    margin-left: -2px;
			}
			.bottomlist li dl .links a{
				color: #666666;
				padding: 0 5px;
    			border-left: 1px solid #D4D4D4;
			}
			.bottomlist li dl .links a:hover{
				color: #4593FD;
			}
		</style>
		
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="js/1HDQCjson.js"></script>
		<script type="text/javascript" src="js/1HDQCadd.js"></script>

	</head>

	<body>
		<!--头部-->
		<div class="top">
			<div class="top_wrap">
				<!---->
				<div class="dlzc">
					<span>Hi,</span> 请
					<a href="Login.html">登录</a>/<a href="#">注册</a>
					<div class="hover_div">
						<div class="tx_div">
							<a class="tx_box" href="#" target="_blank"><img src="img/imgMeiZhuang/a5.jpg" /></a>
						</div>
						<div class="hd_growth_box">
							<a class="hd_vip_earn" href="#">会员专享价，V3免费购</a>
							<p class="hd_my_yhd">
								<a href="#" target="_blank">欢迎进入我的1号店</a>
							</p>
						</div>
						<div class="hd_message">
							<a href="#" target="_blank">积分</a>
							<a href="#" target="_blank">勋章</a>
						</div>
					</div>
				</div>
				<!---->
				<div class="place">
					<span>发货至</span>
					<div class="choosed"><span>天津</span>
						<div class="chooseplace">
							<dl class="hd_hot_city">
								<dt>热门省市</dt>
								<dd>
									<a>上海</a>
								</dd>
								<dd>
									<a>北京</a>
								</dd>
								<dd>
									<a>广东</a>
								</dd>
								<dd>
									<a>湖北</a>
								</dd>
								<dd>
									<a>四川</a>
								</dd>
								<dd>
									<a>福建</a>
								</dd>
							</dl>
							<div class="hd_province_detail">
								<dl>
									<dt>华北：</dt>
									<dd>
										<a>北京</a>
									</dd>
									<dd>
										<a>天津</a>
									</dd>
									<dd>
										<a>河北</a>
									</dd>
									<dd>
										<a>山西</a>
									</dd>
									<dd>
										<a>内蒙古</a>
									</dd>
								</dl>
								<dl>
									<dt>华东：</dt>
									<dd>
										<a>上海</a>
									</dd>
									<dd>
										<a>江苏</a>
									</dd>
									<dd>
										<a>浙江</a>
									</dd>
									<dd>
										<a>安徽</a>
									</dd>
									<dd>
										<a>福建</a>
									</dd>
									<dd>
										<a>山东</a>
									</dd>
								</dl>
								<dl>
									<dt>华南：</dt>
									<dd>
										<a>广东</a>
									</dd>
									<dd>
										<a>广西</a>
									</dd>
									<dd>
										<a>海南</a>
									</dd>
								</dl>
								<dl><dt>华中：</dt>
									<dd>
										<a>江西</a>
									</dd>
									<dd>
										<a>河南</a>
									</dd>
									<dd>
										<a>湖北</a>
									</dd>
									<dd>
										<a>湖南</a>
									</dd>
								</dl>
								<dl><dt>西南：</dt>
									<dd>
										<a>重庆</a>
									</dd>
									<dd>
										<a>四川</a>
									</dd>
									<dd>
										<a>贵州</a>
									</dd>
									<dd>
										<a>云南</a>
									</dd>
									<dd>
										<a>西藏</a>
									</dd>
								</dl>
								<dl><dt>西北：</dt>
									<dd>
										<a>陕西</a>
									</dd>
									<dd>
										<a>甘肃</a>
									</dd>
									<dd>
										<a>青海</a>
									</dd>
									<dd>
										<a>宁夏</a>
									</dd>
									<dd>
										<a>新疆</a>
									</dd>
								</dl>
								<dl><dt>东北：</dt>
									<dd>
										<a>辽宁</a>
									</dd>
									<dd>
										<a>吉林</a>
									</dd>
									<dd>
										<a>黑龙江</a>
									</dd>
								</dl>
							</div>
						</div>
					</div>
				</div>
				<!---->
				<div class="hd_global_top_bar" id="global_top_bar">
					<div class="wrap clearfix">
						<!--右边-->
						<div class="hd_top_manu clearfix">
							<ul class="clearfix">
								<li class="hd_menu_tit ">
									<a class="hd_menu" target="_blank" href="#">&nbsp;&nbsp;
										<div id="dd">

											我的1号店</div>&nbsp;&nbsp;<span class="one01"></span></a>
									<div class="hd_menu_list firstli">
										<ul>
											<li>
												<a href="#" target="_blank">我的订单</a>
											</li>
											<li>
												<a href="#" target="_blank">我的积分</a>
											</li>
											<li>
												<a href="#" target="_blank">我的红包</a>
											</li>
											<li>
												<a href="#" target="_blank">我的抵用券</a>
											</li>
											<li>
												<a href="#" target="_blank">我的评论</a>
											</li>
											<li>
												<a href="#" target="_blank">会员专享</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="hd_menu_tit">
									<a href="javascript:void(0);" class="hd_menu">
										<span>&nbsp;&nbsp;收藏夹</span><span class="one02"></span></a>
									<div class="hd_menu_list" id="glShouCangChild" data-tpc="2">
										<ul>
											<li>
												<a href="#" target="_blank">商品收藏</a>
											</li>
											<li>
												<a href="#" target="_blank">店铺收藏</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="hd_menu_tit">
									<a href="#" class="hd_menu"><i class="hd_mobile_icon"></i>掌上1号店<span class="one03"></span></a>
									<div class="hd_mobile_show">
										<i></i>
										<div class="hd_mobile_list clearfix" data-tpc="3">
											<div class="hd_mobile_content">
												<img src="img/imgHead/ChEbu1WRDpOAf6xxAAAz2LgGaek47900_93x93.jpg">
											</div>
											<dl class="hd_mobile_tab">
												<dt><b>掌上1号店</b></dt>
												<dd>
													<a class="blue_link" href="#" target="_blank" data-ref="YHD_TOP_wx_link">手机购物更优惠</a>
												</dd>
												<dd>
													<a href="#" target="_blank" class="hd_iconfont"></a>
													<a href="#" target="_blank" class="hd_iconfont"></a>
													<a href="#" target="_blank" class="hd_iconfont"></a>
												</dd>
											</dl>
										</div>
									</div>
								</li>
								<li class="hd_menu_tit">
									<a target="_blank" href="#" class="hd_menu">客户服务<span class="one04"></a>
									<div class="hd_menu_list">
										<ul>
											<li>
												<a href="#" target="_blank">包裹跟踪</a>
											</li>
											<li>
												<a href="#" target="_blank">常见问题</a>
											</li>
											<li>
												<a href="#" target="_blank">在线退换货</a>
											</li>
											<li>
												<a href="#" target="_blank">在线投诉</a>
											</li>
											<li>
												<a href="#" target="_blank">配送范围</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="hd_menu_tit">
									<a href="#" class="hd_menu">网站导航<span class="one05"></a>
									<div class="hd_site_nav">
										<em></em>
										<ul class="clearfix">
											<li>
												<a href="#" target="_blank">1号商城</a>
											</li>
										</ul>
										<ul class="clearfix">
											<li>
												<a target="_blank" href="#" title="1号社区"> 1号社区
										</a>
											</li>
											<li>
												<a target="_blank" href="#" title="0元试用"> 0元试用
										</a>
											</li>
											<li>
												<a target="_blank" href="#" title="平安金卡"> 平安金卡
										</a>
											</li>
											<li>
												<a target="_blank" href="#" title="分销平台"> 分销平台
										</a>
											</li>
										</ul>
										<ul class="clearfix">
											<li>
												<a href="#" target="_blank">网站联盟</a>
											</li>
											<li>
												<a href="#" target="_blank">招商通道</a>
											</li>
											<li>
												<a href="#" target="_blank">企业采购</a>
											</li>
										</ul>
									</div>
								</li>
							</ul>
							<span class="hd_follow_us">关注我们：<a href="#"><img src="img/imgHead/2016-08-21_172955.jpg" class="hh" /></a> <a href="#"><img src="img/imgHead/2016-08-21_173322.jpg" class="hh" /></a></span>
									<a target="_blank" id="weibo" href="#" class="hd_sina_weibo" title="去关注1号店的新浪微博">关注1号店新浪微博</a>
									<a class="hd_weixin hd_menu_tit" title="关注1号店微信" href="#" target="_blank">
									<div class="hd_weixin_show">
										<i></i>
										<p>
										扫描二维码<br>关注1号店微信
										</p>
									<img src="img/imgSupermarket/CgQCtlKW1RSAe6dIAAAcun_R_Wk58300.jpg" alt="扫描二维码<br />关注1号店微信" original="img/imgSupermarket/CgQCtlKW1RSAe6dIAAAcun_R_Wk58300.jpg">
								</div>
							</a>
						</div>
					</div>
				</div>

				<!---->
			</div>
			<!---->
		</div>
		<!---->
		<div class="guide_header">
			<img alt="1号店" src="img/imgMeiZhuang/CgQIz1ZyfEqAaJj8AAAPqOO2cwQ12100.png">
			<div class="search">
				<div class="txt">
					<a href="#" id="first">商品</a>
					<a href="#" id="second">店铺</a>
				</div>
				<input type="text" placeholder="低价挑战季 纸品冲锋破纪录"/>
				<button type="button" class="search_btn">搜 索</button>
				<p class="p_list">
					<a title="护发素" target="_blank" href="#">护发素</a>
					<a title="垃圾袋" target="_blank" href="#">垃圾袋</a>
					<a title="除菌液" target="_blank" href="#">除菌液</a>
					<a title="资生堂" target="_blank" href="#">资生堂</a>
					<a title="进口牛奶" target="_blank" href="#">进口牛奶</a>
					<a title="洗衣粉" target="_blank" href="#">洗衣粉</a>
					<a title="手机" target="_blank" href="#">手机</a>
					<a title="方便面" target="_blank" href="#">方便面</a>
					<a title="大闸蟹" target="_blank" href="#">大闸蟹</a>
				</p>
			</div>
			<div class="threediv">
				<ul>
					<li class="order"><a href="#">福利</a></li>
					<li class="order"><a href="#">订单查询</a></li>
					<li class="buycar"><a href="#">购物车</a></li>
				</ul>
			</div>
		</div>
		<!---->
		<div id="index_mian">
			<div class="headernav">
				<div class="headernav">
					<div class="wrap">
						<div class="allSortbox">
							<div>
								<a href="#" id="fl" style="width: 205px;">所有商品分类</a>
							</div>
							<div class="lists" style="display: none;">
							</div>
						</div>
						<div class="headerNavWrap">
							<ul class="headerNavMain">
								<li>
									<a href="Index.html">首页</a>
								</li>
								<li>
									<a href="ZiYingChaoShi.html" target="_blank">自营超市</a>
								</li>
								<li>
									<a href="YiHaoTuan.html" target="_blank">1号团</a>
								</li>
								<li>
									<a href="ShangCheng.html" target="_blank">1号商城</a>
								</li>
								<li>
									<a href="" target="_blank">闪购</a>
								</li>
								<li>
									<a href="HuoSeShengXian.html" target="_blank" style="color: red;">活色生鲜</a>
								</li>
								<li>
									<a href="YiYao.html" target="_blank">医药</a>
								</li>
								<li>
									<a href="HaiGou.html" target="_blank">1号海购</a>
								</li>
								<li>
									<a href="DianQiCheng.html" target="_blank">电器城</a>
								</li>
							</ul>
						</div>
						<img src="img/imgMeiZhuang/ChEiBFexbBCAEw5wAAAGrrKb3Qw38300.gif" alt="纸品卫生巾冲锋" class="frimg">
					</div>
				</div>
			</div>
		</div>
		<!---->
		<div id="index_mian">
			<nav id="index_nav_left_meizhuang">
				<!--<dl>
					<dd></dd>
					<dt>
			         <li><a href='#'>笔记本</a></li>
			         <li><a href='#'>存储</a></li>
		            </dt>
		            <div class="right_block">
		            	<section>
		            		<h5>手机通讯</h5>
		            		<article>
		            			<a href="#">手机</a> 
		            			<a href="#">iPhone6s</a> 
		            			<a href="#">荣耀7i</a>
		            			<a href="#">红米note3</a>
		            		</article>
		            	</section>
		            </div>
				</dl>-->
			</nav>
			<div id="middle_total">
			 <nav id="index_nav_middle">
			 	<div id="detaillist">
			    </div>
				<div id="left" style="top: 150px;"><label class="iconfont">&#xe617;</label></div>
				<div id="right" style="right: 0px; top: 150px;" class="iconfont"><label class="iconfont">&#xe618;</label></div>
				<a href="#"><img src="img/electricalheaderimg/electricalimg_01.jpg" id="changeimg"/></a>
			    <div id="square">
			    	<span value="0"></span>
			    	<span value="1"></span>
			    	<span value="2"></span>
			    	<span value="3"></span>
			    	<span value="4"></span>
			    	<span value="5"></span>
			    	<span value="6"></span>
			    	<span value="7"></span>
			    	<span value="8"></span>
			    	<span value="9"></span>
			    </div>
			</nav>
			   <div id="footerAdvantage">
			    	<nav>
			    		 <img src="img/electricalheaderimg/picture1.jpg" style="float: left;"/>
			    		 <div id="clock">
							 <span id="time_0">
								<i>0</i>
								<i>1</i>
								<i>2</i>
								<i>3</i>
								<i>4</i>
								<i>5</i>
								<i>6</i>
								<i>7</i>
								<i>8</i>
								<i>9</i>
							  </span> 
							   <span id="time_1">
								<i>0</i>
								<i>1</i>
								<i>2</i>
								<i>3</i>
								<i>4</i>
								<i>5</i>
								<i>6</i>
								<i>7</i>
								<i>8</i>
								<i>9</i>
							  </span>
							  <span id="time_7">
							  	<i>:</i>
							  </span>
							   <span id="time_2">
								<i>0</i>
								<i>1</i>
								<i>2</i>
								<i>3</i>
								<i>4</i>
								<i>5</i>
								<i>6</i>
								<i>7</i>
								<i>8</i>
								<i>9</i>
							  </span>
							   <span id="time_3">
								<i>0</i>
								<i>1</i>
								<i>2</i>
								<i>3</i>
								<i>4</i>
								<i>5</i>
								<i>6</i>
								<i>7</i>
								<i>8</i>
								<i>9</i>
							  </span>
							  <span id="time_6">
							  	<i>:</i>
							  </span>
							   <span id="time_4">
								<i>0</i>
								<i>1</i>
								<i>2</i>
								<i>3</i>
								<i>4</i>
								<i>5</i>
								<i>6</i>
								<i>7</i>
								<i>8</i>
								<i>9</i>
							  </span>
							   <span id="time_5">
								<i>0</i>
								<i>1</i>
								<i>2</i>
								<i>3</i>
								<i>4</i>
								<i>5</i>
								<i>6</i>
								<i>7</i>
								<i>8</i>
								<i>9</i>
							  </span>
							  <div style="width:257px; height:320px; position: relative;top: 34px; z-index: 5;background-color: white;">
			                  <div style="width:257px; height:320px; position:absolute;top:-354px; z-index:10;background-color:white;">
						</div>
						
			    	</nav>
			    	<article id="footerAdvantage_article">
			    	</article>
			    </div>
			</div>
			</div>
				<script type="text/javascript">
				 var time = 3*60*60;
				$().ready(function() {
					addleftnav(electricalnavleft,"#index_nav_left_meizhuang");
					$("#square span:nth-child(1)").css("background-color", "#5677B2");
					imgchange(imgs, 0,"#5677B2","white");
					hoverright();
                    addAdvatagelist(advantagelist);
                    scroolTime(time);
				});
			 
			 function scroolTime(time){
			 	setInterval(function(){
			   	var arr = settime(time);
			   	for (var i=0;i<=arr.length;i++){
			   		$("#time_"+i).animate({
			   			top:-34*arr[i]+"px"
			   		},600)
			   	}
			   	time--;
			   },1000)
			 }
			 
			 function settime(time){
			 	var h =parseInt(time/3600);
			 	var m =parseInt(time%3600/60);
			 	var s =parseInt(time%60);
			 	var h2 = h<10?0:parseInt(h/10);
			 	var h1 = h<10?h:parseInt(h%10);
			 	var m2 = m<10?0:parseInt(m/10);
			 	var m1 = m<10?m:parseInt(m%10);
			 	var s2 = s<10?0:parseInt(s/10);
			 	var s1 = s<10?s:parseInt(s%10);
			 	var timear = [h2,h1,m2,m1,s2,s1];
			 	return timear;
			 }
			</script>
		<!---->
		<div class="goods_list"></div>
		<div class="floors"></div>
		<div class="bottomlist"></div>
		<div class="bottom">
			<div class="bottom-main">
				<div class="bottom-main-top">
					<ul>
						<li>
							<img src="img/imgBottom/CgQI0lWskgmADBnsAAAPZvcSh3E68900.jpg" />
							<a class="one">
								正品保障
							</a>

						</li>
						<li>
							<img src="img/imgBottom/CgQIz1WslI-Adao3AAAN5b_ut2I80100.jpg" />
							<a class="one">
								满68包邮
							</a>
						</li>
						<li>
							<img src="img/imgBottom/ChEbulWsk4iADa_aAAAM544hHN818600.jpg" />
							<a class="one">
								准时送达
							</a>
						</li>
						<li>
							<img src="img/imgBottom/ChEi11WsyiyALBbiAAAN9lEEK5M33200.jpg" />
							<a class="one">
								售后无忧
							</a>
						</li>
					</ul>
				</div>
				<div class="bottom-main-bottom">
					<ul>
						<li class="xin">新手入门</li>
						<li>购物流程</li>
						<li>会员制度</li>
						<li>订单查询</li>
						<li>发票制度</li>
						<li>常见问题</li>
					</ul>
					<ul>
						<li class="xin">支付方式</li>
						<li>货到付款</li>
						<li>网上支付</li>
						<li>银行转账</li>
						<li>礼品卡支付</li>
						<li>其他支付</li>
					</ul>
					<ul>
						<li class="xin">配送服务</li>
						<li>配送范围和运费</li>
						<li>配送进度查询</li>
						<li>自提服务</li>
						<li>商品验货与签收</li>
					</ul>
					<ul>
						<li class="xin">售后保障</li>
						<li>退换货政策</li>
						<li>退换货流程</li>
						<li>退款说明</li>
						<li>延保说明页面</li>
						<li>联系客服</li>
					</ul>
					<ul>
						<li class="xin">商家合作</li>
						<li>商家入驻</li>
						<li>商必赢</li>
						<li>平台规则</li>
						<li>企业采购</li>
					</ul>
					<ul>
						<li class="xin">APP更优惠</li>
						<li><img src="img/imgBottom/CgQCr1KW1juAFH9YAAAatCrcuRI48200.png" /></li>

					</ul>
					<ul>
						<li class="xin">加微信查订单</li>
						<li><img src="img/imgBottom/CgQCtlKW1RSAe6dIAAAcun_R_Wk58300.jpg" /></li>

					</ul>
				</div>
				<div class="bottom-main-di">
					<ol>
						<li>
							<a href="#">关于1号店 &nbsp; |</a>
						</li>
						<li>
							<a href="#">我们的团队 &nbsp; |</a>
						</li>
						<li>
							<a href="#">网站联盟 &nbsp; |</a>
						</li>
						<li>
							<a href="#">热门搜索 &nbsp; |</a>
						</li>
						<li>
							<a href="#">友情链接 &nbsp; |</a>
						</li>
						<li>
							<a href="#">1号店社区 &nbsp; |</a>
						</li>
						<li>
							<a href="#">诚征英才 &nbsp; |</a>
						</li>
						<li>
							<a href="#">商家登录 &nbsp; |</a>
						</li>
						<li>
							<a href="#">供应商登录 &nbsp; |</a>
						</li>
						<li>
							<a href="#">放心搜 &nbsp; |</a>
						</li>
						<li>
							<a href="#">1号店新品 &nbsp; |</a>
						</li>
						<li>
							<a href="#">开放平台 &nbsp; |</a>
						</li>
						<li>
							<a href="#">沃尔玛 </a>
						</li>
					</ol><br />
					<ol class="er">
						<li>
							<a href="#">沪ICP备14050023号 &nbsp; |</a>
						</li>
						<li>
							<a href="#">合字B1.B2-20130004 &nbsp; |</a>
						</li>
						<li>
							<a href="#">营业执照 &nbsp; |</a>
						</li>
						<li>
							<a href="#">互联网药品信息服务资格证 &nbsp; |</a>
						</li>
						<li>
							<a href="#">互联网药品交易服务资格证 &nbsp; </a>
						</li>

					</ol><br />
					<ol class="san">
						<li>
							<a href="#">Copyright© 1号店网上超市 2007-2016，All Rights Reserved</a>
						</li>

					</ol><br />
					<ol class="si">
						<li>
							<a href="#"><img src="img/imgBottom/CgQCr1Dzwj2AVUL0AAA-ic2BxNw39500.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="img/imgBottom/CgMBmVLfYZGALWNHAAAOxFbda9472600.gif" /></a>
						</li>
						<li>
							<a href="#"><img src="img/imgBottom/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="img/imgBottom/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" /></a>
						</li>
						<li>
							<a href="#"><img src="img/imgBottom/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="img/imgBottom/ChEi1VcfPl2AC1T8AAANFrEfJlw97300.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="img/imgBottom/CgQCsVDzw0GABUElAADHlvRfNUk94600.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="img/imgBottom/CgMBmVDzwyaAaIMBAAAJZgSEr6I65200.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="img/imgBottom/CgQCrlDzwnKAUkfSAAAIPrrML6M92400.jpg" /></a>
						</li>

					</ol>
				</div>

			</div>

		</div>
		<script type="text/javascript" src="js/hover.js"></script>
	</body>

</html>